<template>
  <div id="app">
    <heads></heads>
    <div class="conter_html conter_block">
      <user></user>
      <conter></conter>
    </div>
  </div>
</template>

<script>
import heads from './components/header.vue'
import user from './components/user.vue'
import conter from './components/conter.vue'
export default {
  name: 'app',
  components: {
    heads,
    user,
    conter
  }
}
</script>

<style>
.conter_html{
  width: 1000px;
  margin: auto;
  margin-top: 10px;
}
</style>
